﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>LEFT</title>
<style type="text/css">
.tree { font-family:나눔고딕; font-size:14px; list-style:none; margin:0; padding:0; background:none;}
.tree ul { margin-left:11px; padding-left:7px; list-style:none; background:url(../img/line_tree_vr.gif) repeat-y 6px 0; }
.tree .tree-node { margin-left:-1px; background:url(../img/line_tree_hr.gif) no-repeat 0 5px; }
.tree .tree-node div { position:relative; }
.tree .tree-node.tree-last-node { background:url(../img/line_tree_last_hr.gif) no-repeat 0 5px; }
.tree .tree-node.tree-last-node.tree-root-node { background:none; }
.tree .tree-collapsed .tree-has-child .tree-button { background-position:0 -9px !important; }
.tree .tree-collapsed ul { display:none; }
.tree .tree-node .tree-has-child .tree-button { background:url(../img/button.gif) no-repeat 0 0 transparent; overflow:hidden; display:inline-block; cursor:pointer; _cursor:hand; }
.tree .tree-node .tree-button { background-color:transparent; border:0; margin:0; width:9px; height:9px; font-size:0; color:transparent; line-height:200%; position:relative; top:-5px; margin:0 -2px 0 -4px; }
.tree .tree-node .tree-label { margin-left:5px; background-color:#fff; cursor:pointer; -moz-user-select:none; }
.tree .tree-node .tree-has-child .tree-label { margin-left:5px; }
.tree .tree-node .tree-selected .tree-label { background-color:#888; color:#fff; }
.tree .tree-node .tree-button { _text-indent:-9px; _margin-left:5px; }
*:first-child+html .tree .tree-node .tree-button { _text-indent:-9px; _margin-left:5px; }
</style>
<script type="text/javascript" language="javascript" charset="utf-8" src="../js/jindo2.js"></script>
<script type="text/javascript" language="javascript" charset="utf-8" src="../js/jindo_component.js"></script>
<script type="text/javascript">
window.onload = function() {
	var mytree = new jindo.Tree($('tree'));
	var page = '10B8E840-D827-4DA6-AB74-94B3D2C7438B';
	if ( page != '') {
		loadPage(page);
	}
}

function loadPage(pageUUID) {
	url = "../" + pageUUID + "_files/" + pageUUID + ".html" ;	
	window.open(url,"frameRight");
}
</script>
</head>
<body>
<ul id="tree" class="tree">
<li class="tree-node">
<div>
<button class="tree-button">+</button><span class="tree-label" onclick="loadPage('10B8E840-D827-4DA6-AB74-94B3D2C7438B')">새 프로젝트</span>
</div>
<ul>
<li class="tree-node">
<div>
<button class="tree-button">+</button>
<span class="tree-label" onclick="loadPage('10B8E840-D827-4DA6-AB74-94B3D2C7438B')">메인페이지</span>
</div>
</li>
<li class="tree-node">
<div>
<button class="tree-button">+</button>
<span class="tree-label" onclick="loadPage('0B1F2D22-7CEF-403C-900C-06BAB5ADF080')">메인페이지_메뉴</span>
</div>
</li>
<li class="tree-node">
<div>
<button class="tree-button">+</button>
<span class="tree-label" onclick="loadPage('8E81A5C6-8B0D-47E5-ABDE-724F1ADF536D')">서브</span>
</div>
<ul>
<li class="tree-node">
<div>
<button class="tree-button">+</button>
<span class="tree-label" onclick="loadPage('233FA7CA-A15D-4865-A847-900D8120F1EA')">게시판_목록</span>
</div>
</li>
<li class="tree-node">
<div>
<button class="tree-button">+</button>
<span class="tree-label" onclick="loadPage('DEB42D91-9A68-4601-8001-71B1D5533C10')">게시판_상세보기</span>
</div>
</li>
<li class="tree-node">
<div>
<button class="tree-button">+</button>
<span class="tree-label" onclick="loadPage('D6722B29-92CA-4D8F-8422-34B3C4F777E6')">공통_정적페이지</span>
</div>
</li>
<li class="tree-node">
<div>
<button class="tree-button">+</button>
<span class="tree-label" onclick="loadPage('6C9A3E04-64F9-494A-8003-64BF7C086A06')">학사일정</span>
</div>
</li>
</ul>
</li>
</ul>
</ul>
</body>
</html>